<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-14 15:08:24
 * @LastEditors: lk
 * @LastEditTime: 2022-01-10 22:47:35
-->
<template>
  <div ref="bottom1_container" style="height:90%"></div>
</template>
<script>
import { Rose } from '@antv/g2plot';
export default{
mounted(){
 this.initChat();
},
methods:{
   initChat(){
     const data = [
  { type: '太原市', value: 42 },
  { type: '晋中市', value: 24 },
  { type: '阳泉市', value: 18 },
  { type: '其他', value: 16 },
];
const rosePlot = new Rose(this.$refs.bottom1_container,  {
  data,
  xField: 'type',
  yField: 'value',
  seriesField: 'type',
  radius: 0.9,
  label: {
    offset: -15,
  },
});

rosePlot.render();
}
}
}
</script>